<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<style>

#cdiTable thead tr td{
	font-size: 16px;
	border-color: blue;
	background-color: yellow;
	padding:4px;
	color: blue;	
}

#sumTr td{
	color: black;	
}
</style>

<c:if test="${showReport != null }">

<div >

<h2>客訴案件數管報及列表統計</h2>

<p>
搜尋條件: <br>
期間 = ${startDate } ~ ${endDate }<br>
案件類別 = ${typeMap[caseType]}<br>
</p>

 
<table border="1" id="cdiTable" class="tablesorter"  style="width: 1200px;">

	<thead>
	<tr>
		<td>廠區\階段</td>
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=1" />">品情登錄</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=2" />">品保指派</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=3" />">品管指派</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=4" />">初步調查</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=5" />">初步回覆</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=6" />">客訴判定</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=7" />">真因分析</a></td>
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=8" />">永久對策</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=9" />">客戶確認</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=10" />">處級審核</a></td>	
		<td><a href="<c:url value="/report08/0803/find.do?startDate=${startDate}&endDate=${endDate }&caseType=${caseType}&step=11" />">追蹤確認</a></td>
		<td>未結案</td>
		<td>結案</td>	
		<td>合計</td>
	</tr>
</thead>
	
	<tbody>
	
	<c:if test="${empty reportMap}">
		<tr>
     		<td colspan="13" >查無客訴資料</td>
     	</tr>
	</c:if>
	
	<c:forEach var="r" items="${reportMap}">
	<tr>
     <td>
     	<a href="<c:url value="/report08/0802/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&madeIn=${r.key}" />" >${madeinMap[r.key]}</a>
     </td>
     <c:forEach var="count" items="${r.value}" varStatus="status">
     	<c:if test="${status.index < 11 }">
     		<td><a href="<c:url value="/report08/0804-1/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&madeIn=${r.key}&step=${status.index+1 }" />">${count}</a></td>
     	</c:if>
     	<c:if test="${status.index == 11 }">     		
     		<td><a href="<c:url value="/report08/0804-2/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&madeIn=${r.key}&isFinish=false" />">${count}</a></td>
     	</c:if>
     	<c:if test="${status.index == 12 }">
     		<td><a href="<c:url value="/report08/0804-2/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&madeIn=${r.key}&isFinish=true" />">${count}</a></td>
     	</c:if>
     	<c:if test="${status.index == 13 }">
     		<td><a href="<c:url value="/report08/0804-5/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&madeIn=${r.key}" />">${count}</a></td>
     	</c:if>
     </c:forEach>
	</tr>	
	</c:forEach>	
	
	</tbody>
	
	<tr id="sumTr">	
	<td>總計</td>
	<c:forEach var="sum" items="${sumSteps}" varStatus="status">   
     	<c:if test="${status.index < 11 }">
     		<td><a href="<c:url value="/report08/0804-3/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&step=${status.index+1 }" />">${sum}</a></td>
     	</c:if>
     	<c:if test="${status.index == 11 }">
     		<td><a href="<c:url value="/report08/0804-4/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&isFinish=false" />">${sum}</a></td>
     	</c:if>	
     	<c:if test="${status.index == 12 }">
     		<td><a href="<c:url value="/report08/0804-4/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}&isFinish=true" />">${sum}</a></td>
     	</c:if>
     	<c:if test="${status.index == 13 }">
     		<td><a href="<c:url value="/report08/0804-6/find.do?startDate=${startDate}&endDate=${endDate}&caseType=${caseType}" />">${sum}</a></td>
     	</c:if>	
     		
	</c:forEach>
	</tr>	
	
	
</table>

</div>

</c:if>

<script>
$(function() {
	$("#cdiTable").tablesorter({
		widgets: ['zebra']
		}); 
})

</script>
